<template>
	<view class="smart-page">
		<view class="smart-page-head">
			<view class="smart-page-head-title"></view>
		</view>
		<view默认样式></view>
		<view>
			<switch @change="switch1Change"></switch>
			<switch checked="true"></switch>
		</view>
		<view>颜色、大小改变</view>
		<view>
			<switch color="#4CD964" class="mini_switch"></switch>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
			}
		},
		methods:{
			switch1Change(e){
				console.log('switch1当前值是：'+e.detail.value);
			}
		}
	}
</script>

<style>
	.mini_switch {
		transform: scale(0.7);
	}
</style>
